<template>
	<view class="result">
		<view class="result-top">
			<image src="../../static/icon/result.png" mode=""></image>
			<view class="tit">提交成功</view>
			<!-- <view class="dec">您的试听信息已提交，等待老师与您联系</view> -->
		</view>
		<view class="footer-btn">
			<view class="btn btn-active" @click="goCreat">继续创建</view>
			<view class="btn btn-active btn2" @click="historyBtn">查看记录</view>
		</view>
	</view>
</template>

<script>
	import {mapState} from 'vuex';
	import Login from '@/components/Login.vue';
	export default {
		computed: {
			...mapState(['userInfo','configDetail']), // vuex获取用户数据
		},
		components: {
			Login
		},
		data() {
			return {
				userinfo:null,
				type:'',
			}
		},
		onLoad(options) {
			this.type = options.type || '';
		},
		onShow(){
		
		},
		methods: {
			
			onReachBottom() {
				
			},
			onPullDownRefresh: function () {
				
			},
		}
	}
</script>
<style>
	page{
		background-color: #fff;
	}
</style>
<style lang="scss" scoped>
	.result{
		.result-top{
			text-align: center;
			padding-top:80rpx;
			image{
				width: 280rpx;
				height: 280rpx;
				// border-radius: 50%;
				margin-bottom: 10rpx;
			}
			.tit{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				color: #121421;
			}
			.dec{
				font-size: 28rpx;
				font-family: PingFang SC-Regular, PingFang SC;
				color: #666666;
			}
		}
	}
	
	.footer-btn{
		padding: 230rpx 30rpx 30rpx;
		.btn{
			background-color: #0E54A4;
			line-height: 98rpx;
			height: 98rpx;
			border-radius: 50rpx;
			font-size: 34rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			color: #FFFFFF;
			text-align: center;
			box-sizing: border-box;
		}
		.btn2{
			margin-top: 30rpx;
			font-size: 34rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			color: #0E54A4;
			background-color: transparent;
			border: 1px solid #0E54A4;
			box-sizing: border-box;
		}
	}
</style>
